<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <%--静态包含base标签、css样式、JQuery文件--%>
    <%@include file="/pages/common/head.jsp"%>
    <style>
        a{
            text-decoration:none;
        }
    </style>

    <script type="text/javascript">
        $(function () {
            //给删除绑定单击事件
            $("a.delItem").click(function(){

                return confirm("你确定要删除【"+$(this).parent().parent().find("td:first").text()+"】吗？")
            });


            $("#cleanCart").click(function () {
                return confirm("你确定要清空购物车吗？")

            });

            $(".updateAccount").change(function () {
                //获取商品名称
                var name = $(this).parent().parent().find("td:first").text();
                var count =  this.value;
                var bookId = $(this).attr("bookId");
                //获取商品数量
                if(confirm("你确定要将【"+name+"】商品数量修改为:"+ count+"吗？")){

                    //确认就发起请求，给服务器保存修改信息
                    location.href="http://localhost:8080/client/cartServlet?action=updateCartItem&id="+bookId+"&count="+count;
                }else {
                    //取消就恢复默认的值
                    this.value = this.defaultValue;
                }

            });




        });



    </script>

</head>
<body>
    <div id="header">
        <img class="logo_img" alt="" src="static/img/logo.gif" >

        <%@include file="/pages/common/login_success_menu.jsp"%>

    </div>

    <div id="main">
        <table>
            <tr>
                <td>商品名称</td>
                <td>数量</td>
                <c:if test="${not empty sessionScope.cart.items}">
                    <td>修改</td>
                </c:if>

                <td>单价</td>
                <td>金额</td>
                <td>操作</td>
            </tr>
            <c:if test="${not empty sessionScope.cart.items}">
                <c:forEach items="${sessionScope.cart.items}" var="entry">

                    <tr>
                        <td>${entry.value.name}</td>
                        <td>
                            <input class ="updateAccount" style="width: 60px;" bookId="${entry.value.id}"


                                   type="text" value="${entry.value.itemCount}";


                             />



                        <td>${entry.value.price}</td>
                        <td>${entry.value.itemTotalPrice}</td>
                        <td><a class="delItem" href="client/cartServlet?action=deleteItem&id=${entry.value.id}">删除</a></td>
                    </tr>
                </c:forEach>
            </c:if>

            <c:if test="${empty sessionScope.cart.items}">
                <tr>
                    <td colspan="5"><a href="client/bookServlet?action=page">亲,您的购物车为空！快去浏览商品吧！</a></td>
                </tr>
            </c:if>


        </table>
        <%--如果购物车非空才输出页面的内容--%>
        <c:if test="${not empty sessionScope.cart.items}">
            <div class="cart_info">
                <span class="cart_span">购物车中共有<span style="color: red" class="b_count">${sessionScope.cart.totalCount}</span>件商品</span>
                <span class="cart_span">总金额<span style="color: red" class="b_price">${sessionScope.cart.totalPrice}</span>元</span>
                <span class="cart_span"><a id="cleanCart" href="client/cartServlet?action=cleanCart">清空购物车</a></span>
                <span class="cart_span"><a href="client/orderServlet?action=createOrder">去结账</a></span>

            </div>
        </c:if>

    </div>


<%@include file="/pages/common/footer.jsp"%>
</body>
</html>
